<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="x-ua-compatible" content="chrome-1 ie=edge">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, width=device-width">
        <title>登录</title>
        {% load static %}
        <link rel="stylesheet" href="{% static 'css/login_v3.css' %}">
            <!-- jQuery -->
        <script src="{% static 'js/jquery-3.5.1.min.js' %}"></script>
            <!--Layui-->
        <script src="{% static 'plugins/layui/layui.js' %}"></script>

    </head>
    <body>
        <div id="root">
            <div class="account-wrapper">
                <div class="account-container">
                    <div class="account-header" style="height: 100px;">
                        <h1>工资条管理系统</h1>
                    </div>
                    <div class="account-content account-normal-login">
                        <form action="" id="form_login" method="post">
                            {% csrf_token %}
                        <div class="account-section-title">
                            <div class="account-section-title-content">
                                <p class="account-section-title-text">登录/Login</p>
                            </div>
                            <a href="{% url 'login:recover_password' %}"><button type="button" class="next-btn next-medium next-btn-normal next-btn-text normal-forgot">忘记密码</button></a>
                        </div>
                        <div class="linear-input account-input">
                            <input class="linear-input-instance" name="username" placeholder="手机号/工作邮箱/用户名">
                        </div>
                        <div class="suffix-password">
                            <div class="linear-input account-input">
                                <input class="linear-input-instance" name="password" type="password" placeholder="密码" autocomplete="on">
                                <div class="linear-input-extra-icon">
                                    <i class="next-icon next-icon-eye-slash next-medium">
                                    <svg viewBox="0 0 1024 1024">
                                        <use xlink:href="#at-eye-slash"></use>
                                    </svg>
                                    </i>
                                </div>
                            </div>
                        </div>
                    <button type="submit" class="next-btn next-medium next-btn-primary account-btn">登录</button>
                    </form>
                    <div class="account-more-login">
                        <div class="third-area">
                            <a href="{% url 'login:ent_wechat_login' %}" title="企业微信扫码登录">
                            <div class="circle-btn__3_fk wechat">
                                <span class="icon__3WKO icon dls-icon icon-wechat-enterprise" data-role="icon" style="font-size: 20px;">
                                </span>
                            </div></a>
                            <a href="javascript:;" onclick="alert1()" title="钉钉扫码登录">
                            <div class="circle-btn__3_fk dingding">
                                    <span class="icon__3WKO icon dls-icon icon-dingding" data-role="icon" style="font-size: 20px;"></span>
                            </div>
                            </a>
                            <div class="circle-btn__3_fk normal">
                                <span class="icon__3WKO icon dls-icon icon-more" data-role="icon" style="font-size: 20px;"></span>
                            </div>
                        </div>
                        <a href="javascript:;" onclick="alert1()">
                            <button type="button" class="next-btn next-medium next-btn-primary next-btn-text phone-login">验证码登录</button>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        </div>
<div style="text-align: center; height: 60px; line-height: 60px; position: absolute;bottom: 0; font-size: 12px; color: rgb(153, 153, 153); width: 100%;">
    Copyright © 2020-2099 Stronggg. All rights reserved.
</div>
<div style="text-align: center; height: 60px; line-height: 60px; position: absolute; bottom: 20px; font-size: 12px; color: rgb(153, 153, 153); width: 100%;">
    <a href="https://beian.miit.gov.cn/" style="text-decoration: none;color: grey">粤ICP备18131478号-1</a>
</div>
    </body>
{% if msg %}
    <script type="text/javascript">
        layui.use('layer',function () {
            var layer=layui.layer;
            info = '{{ msg|safe }}'
            layer.alert(info,{
                icon: 0,
                skin: 'layer-ext-moon',
            })
        })
    </script>
{% endif %}
<script>
    function alert1() {
        alert('未开放！')
    }
</script>
</html>


